<template>
  <div class="ebook">
      <ebook-title></ebook-title>
      <ebook-reader></ebook-reader>
      <ebook-menu></ebook-menu>
  </div>
</template>

<script>
// 引入 EbookMenu 组件
import EbookMenu from '../../components/ebook/EbookMenu.vue'
// 引入 EbookReader 组件 
import EbookReader from '../../components/ebook/EbookReader'
// 引入 EbookTitle 组件
import EbookTitle from '../../components/ebook/EbookTitle'
export default {
    // 注册组件
    components: {
        EbookReader,
        EbookTitle,
        EbookMenu
    }
}
</script>

<style lang='scss' scoped>
    @import '../../assets/styles/global.scss';
      .menu-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 102;
    display: flex;
    width: 100%;
    height: px2rem(48);
    background: white;
    box-shadow: 0 px2rem(-8) px2rem(8) rgba(0, 0, 0, .15);
    &.hide-box-shadow {
      box-shadow: none;
    }
    .icon-wrapper {
      flex: 1;
      @include center;
      .icon-progress {
        font-size: px2rem(28);
      }
      .icon-bright {
        font-size: px2rem(24);
      }
    }
  }
</style>